<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>v-pre</title>
</head>

<body>
    <div id="app">
        <!-- 元素和子元素都将不被解析 -->
        <div v-pre>{{ this will not be compiled }}
            <div>{{hello}}</div>
        </div>
        <!--  显示的是{{ this will not be compiled }}  -->

        <div v-pre>{{msg}}</div> 
        <!--   即使data里面定义了msg这里仍然是显示的{{msg}}  -->

        <div>{{msg}}</div>
        <!-- 显示 Hello Vue！ -->
    </div>

    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript">
        var vm = new Vue({
            el: '#app',
            data: {
                msg: 'Hello Vue !'
            }
        });
    </script>
</body>

</html>